<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<div th:replace="fragment/headFragment:: head"></div>
<body class="cbp-spmenu-push">
	<div class="main-content">
		<!--left-fixed -navigation-->
		<!--left-fixed -navigation-->

		<!-- header-starts -->
		<!-- //header-ends -->

		<!-- main content start-->
<!--		main-page login-page wid-->
		<div class="main-page login-page">
			<h3 class="title1">云客服系统</h3>
			<div class="widget-shadow">
				<div class="login-top">
					<h4 th:text="${session.msg}"></h4>
					<h4 Welcome back to CloudCustomerSystem ! <br> 还没有账户? <a th:href="@{/signUp}">  注册 »</a> </h4>
				</div>
				<div class="login-body">
					<form action="customerService/login" method="post">
						<input type="text" class="user" name="email" placeholder="Enter your email" value="123456@qq.com">
						<input type="password" name="password" class="lock" placeholder="password" value="123">
						<input type="submit" name="submit" value="登录">
						<div class="forgot-grid">
							<label class="checkbox"><input type="checkbox" name="checkbox" checked=""><i></i>记住我</label>
							<div class="forgot">
								<a th:href="@{/}">忘记密码？</a>
							</div>
							<div class="clearfix"> </div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<div class="footer">
			<p>Copyright &copy; 2021.Igeek All rights reserved.</p>
		</div>
	</div>

	<!--footer-->

	<!--//footer-->
	<!-- Classie -->
		<script src="js/classie.js"></script>
		<script>
			var menuLeft = document.getElementById( 'cbp-spmenu-s1' ),
				showLeftPush = document.getElementById( 'showLeftPush' ),
				body = document.body;
				
			showLeftPush.onclick = function() {
				classie.toggle( this, 'active' );
				classie.toggle( body, 'cbp-spmenu-push-toright' );
				classie.toggle( menuLeft, 'cbp-spmenu-open' );
				disableOther( 'showLeftPush' );
			};
			
			function disableOther( button ) {
				if( button !== 'showLeftPush' ) {
					classie.toggle( showLeftPush, 'disabled' );
				}
			}
		</script>
	<!--scrolling js-->
	<script src="js/jquery.nicescroll.js"></script>
	<script src="js/scripts.js"></script>
	<!--//scrolling js-->
	<!-- Bootstrap Core JavaScript -->
   <script src="js/bootstrap.js"> </script>
</body>
</html>